<!--
 * @Author: your name
 * @Date: 2021-07-06 19:21:49
 * @LastEditTime: 2021-07-06 20:22:47
 * @LastEditors: DESKTOP-3LI1LES
 * @Description: In User Settings Edit
 * @FilePath: \后台管理系统\common-problem.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>定位布局完成后台网页设计</title>
    
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1327450_9qlr53v4dy.css">
    <script src="bootstrap-4.5.0-dist/js/bootstrap.js"></script>
    <link rel="stylesheet" href="./bootstrap-4.5.0-dist/css/bootstrap.css">
	<link rel="stylesheet" href="xinglikaht.css">

</head>
<body>
	<div class="container">
		<div class="top">
			<div class="logo">
				星巴克星礼卡 - 管理系统
			</div>
		</div>
		<div class="content">
			<div class="left">
				<ul class="left-nav">
					<li>
                        <img src="images/类型管理.png">
						<!-- <i class="iconfont icon-weixin"></i> -->
						<a href="xinglikaht.html">星礼卡类型管理</a>
					</li>
					<li class="current">
                        <img src="images/问题管理.png">
						<!-- <i class="iconfont icon-yonghu"></i> -->
						<a href="common-problem.html">常见问题管理</a>
					</li>
					<li>
                        <img src="images/1_章程管理.png">
                        <a href="chakanzhangcheng.html">查看章程管理</a>
                    </li>
				</ul>
			</div>
			<div class="right">
				<div class="wrapper">
					<!-- 按钮组 -->
					<div class="btns">
						<div class="btn">
                                  <!-- Button trigger modal -->
<button type="button" class="btn btn-primary" 
data-toggle="modal" data-target="#employeeAdd">
  添加
</button>

<!-- Modal -->
<div class="modal fade" id="employeeAdd" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">添加星礼卡的类型</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
           <table class="table">
               <thead>
                <tr>
                    <td>编号</td>
                    <td>标题</td>
                    <td>正文</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><input type="text" value="" name="topic"></td>
                    <td><input type="text" value="" name="topic"></td>
                    <td>
                        <button>删除</button>
                        <button>修改</button>
                    </td>
                </tr>
               </thead>
           </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
                        </div>
						<div class="btn">
                                  <!-- Button trigger modal -->
<button type="button" class="btn btn-primary" 
data-toggle="modal" data-target="#delete">
  批量删除
</button>

<!-- Modal -->
<div class="modal fade" id="delete" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="delete">星礼卡的删除</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        确认删除！！
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
                        </div>
					</div>
					<!-- 表格区域 -->
					<table class="table">
						<thead>
							<tr>
                                <td>编号</td>
                                <td>标题</td>
                                <td>正文</td>
                                <td>操作</td>
							</tr>
						</thead>
						<tbody>
							
							<tr>
								<td> <input type="checkbox"></td>
								<td>星礼卡能否购买会员星礼包吗</td>
								<td>不能，星礼卡为星巴克（上海）商业有限公司发行的预付卡</td>
								<td>
                                    <button>删除</button>
                                    <button type="button" class="btn btn-primary" 
data-toggle="modal" data-target="#update">
  修改
</button>

<!-- Modal -->
<div class="modal fade" id="update" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="update">修改星礼卡的类型</h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
           <table class="table">
               <thead>
                <tr>
                    <td>编号</td>
                    <td>标题</td>
                    <td>正文</td>
                    <td>操作</td>
                </tr>
                <tr>
                    <td><input type="checkbox"></td>
                    <td><input type="text" value="" name="topic"></td>
                    <td><input type="text" value="" name="topic"></td>
                    <td>
                        <button>删除</button>
                        <button>修改</button>
                    </td>
                </tr>
               </thead>
           </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">Save changes</button>
      </div>
    </div>
  </div>
</div>
								</td>
							</tr>
                            <tr>
								<td> <input type="checkbox"></td>
								<td>星礼卡是什么</td>
								<td>星礼卡是星巴克（上海）商业有限公司（以下简称“发卡人”）发行的预付卡产品</td>
								<td>
                                    <button>删除</button>
                                    <button type="button" class="btn btn-primary" 
                                    data-toggle="modal" data-target="#update">
                                      修改
                                    </button>
                                    
                                    <!-- Modal -->
                                    <div class="modal fade" id="update" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                      <div class="modal-dialog">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <h5 class="modal-title" id="update">修改星礼卡的类型</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                          </div>
                                          <div class="modal-body">
                                               <table class="table">
                                                   <thead>
                                                    <tr>
                                                        <td>编号</td>
                                                        <td>标题</td>
                                                        <td>正文</td>
                                                        <td>操作</td>
                                                    </tr>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td><input type="text" value="" name="topic"></td>
                                                        <td><input type="text" value="" name="topic"></td>
                                                        <td>
                                                            <button>删除</button>
                                                            <button>修改</button>
                                                        </td>
                                                    </tr>
                                                   </thead>
                                               </table>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            <button type="button" class="btn btn-primary">Save changes</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
								</td>
							</tr>
                            <tr>
								<td> <input type="checkbox"></td>
								<td>星礼卡是否是记名卡</td>
								<td>星礼卡为不记名卡。</td>
								<td>
                                    <button>删除</button>
                                    <button type="button" class="btn btn-primary" 
                                    data-toggle="modal" data-target="#update">
                                      修改
                                    </button>
                                    
                                    <!-- Modal -->
                                    <div class="modal fade" id="update" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                      <div class="modal-dialog">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <h5 class="modal-title" id="update">修改星礼卡的类型</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                          </div>
                                          <div class="modal-body">
                                               <table class="table">
                                                   <thead>
                                                    <tr>
                                                        <td>编号</td>
                                                        <td>标题</td>
                                                        <td>正文</td>
                                                        <td>操作</td>
                                                    </tr>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td><input type="text" value="" name="topic"></td>
                                                        <td><input type="text" value="" name="topic"></td>
                                                        <td>
                                                            <button>删除</button>
                                                            <button>修改</button>
                                                        </td>
                                                    </tr>
                                                   </thead>
                                               </table>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            <button type="button" class="btn btn-primary">Save changes</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
								</td>
							</tr>
                            <tr>
								<td> <input type="checkbox"></td>
								<td>购买星礼卡需要签合同吗</td>
								<td>应购卡人或星巴克门店/售卡渠道的要求，双方应签订星礼卡购买合同。</td>
								<td>
                                    <button>删除</button>
                                    <button type="button" class="btn btn-primary" 
                                    data-toggle="modal" data-target="#update">
                                      修改
                                    </button>
                                    
                                    <!-- Modal -->
                                    <div class="modal fade" id="update" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
                                      <div class="modal-dialog">
                                        <div class="modal-content">
                                          <div class="modal-header">
                                            <h5 class="modal-title" id="update">修改星礼卡的类型</h5>
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                              <span aria-hidden="true">&times;</span>
                                            </button>
                                          </div>
                                          <div class="modal-body">
                                               <table class="table">
                                                   <thead>
                                                    <tr>
                                                        <td>编号</td>
                                                        <td>标题</td>
                                                        <td>正文</td>
                                                        <td>操作</td>
                                                    </tr>
                                                    <tr>
                                                        <td><input type="checkbox"></td>
                                                        <td><input type="text" value="" name="topic"></td>
                                                        <td><input type="text" value="" name="topic"></td>
                                                        <td>
                                                            <button>删除</button>
                                                            <button>修改</button>
                                                        </td>
                                                    </tr>
                                                   </thead>
                                               </table>
                                          </div>
                                          <div class="modal-footer">
                                            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                                            <button type="button" class="btn btn-primary">Save changes</button>
                                          </div>
                                        </div>
                                      </div>
                                    </div>
								</td>
							</tr>
						</tbody>
					</table>
					<!-- 分页 -->

				</div>
			</div>
		</div>
	</div>
</body>
</html>